<!DOCTYPE html> 
<html> 
    <head > 
    <link rel="stylesheet" href="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
  
</head> 
<body>

<div data-role="page" > 
   
      

    <div data-theme="c" data-role="navbar">
	<ul>
<li><a onClick="$('#sideNoti').load('/courses/{{course.id}}/lectures/');" href='#'   >Lectures</a></li>
		<li><a    href="#"  onclick="$('#sideNoti').load('/quiz/stpage/{{course.id}}')" class="ui-btn-active ui-state-persist">Statistics</a></li>
	</ul>
</div>
<div data-role="content" data-theme="b">


{% if grade %}
{% for g in grade %}
<h2  style="color:#333333;">
{% if g.choice.isRight %}
<ul data-role="listview" data-theme="r" data-inset="true">
<li>{{sub.username}} answer was : {{g.choice.body}} which is right</li></ul>
{% else %}
<ul data-role="listview" data-theme="m" data-inset="true">
<li>{{sub.username}} answer was : {{g.choice.body}} which is wrong</li></ul>
{% endif %}
{% endfor %} 
{% else %}
<ul data-role="listview" data-theme="g" data-inset="true">
<li>{{sub.username}} didn't answer {{quiz.title}}</li></ul>
{% endif %}
</div>
</body>
</html>
